<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    14===16

    1-5   语法   
    7-15  项目       
    16  vuex   语法


    vue  =======全家桶：
        vue的语法+
        vue-router+    路由
        webpack+   打包
        vue-cli  [脚手架]
        vue-axios=====类似ajax
        vuex  ========数据集中式管理

    day01   语法    vue指令     
    渲染页面   art-template====v-for


    前端3大框架   ：vue + react(facebook) + angular(google)
    vue   ========1.0======2.X      


    以前的渲染数据的方法
        1、引入art-template.js
        2、<script type="text/template" id="tpl">
            
        </script>
        3、var  html=template("id",{})


    1、vue的初次体验  使用步骤
        1、引入vue.js
        2、new  Vue({
            el:"",
            data:{

            }
        })
        3、页面上展示数据====插值表达式{{}}

    2、学习vue指令      
        v-text  &&  v-html
            v-text=====解析纯文本
            v-html=====可以解析标签


            ========v-cloak  +  v-text  +  v-html +  v-pre  + v-once +  v-model

            node    mvc=====
                m：model======db/db.js
                v:views
                c:app.js+router +  controoler

            vue====mvvm
    3、v-on:click=""  ||  @click=""
    4、v-model    设置这个值其实就是设置了value值，即可设置也可以获取
        使用范围：input+textarea+select

    5、绑定属性   <div class="" id="" width="200"></div>  <img src="" alt="">
        如果属性的值是一个变量那么属性名需要属性绑定   v-bind:src="变量"
    
    6、v-if  &&   v-show
        v-if======重绘结构
        v-show====display:none

</body>
</html>